<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/index.css">
		<link rel="icon" href="./icon/title_vagetable.png">
		<title>首页</title>
	</head>
	<body>
		<header>
			<img class="tar" src="./img/index/listico.png" alt="">
			<span class="name">本家</span>
			<img class="search" src="./img/index/searchico.png" alt="">
		</header>
		<div class="banner">
			<ul>
				<li>
					<a href="#">
						<img src="./img/index/banner.jpg" alt="">
					</a>
				</li>
			</ul>
		</div>
		<div class="list">
			<ul>
				<li>
					<a href="#">
						<img src="./img/index/item1.png" alt="">
						<span>新品/热销</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/index/item2.png" alt="">
						<span>超值拼团</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/index/item3.png" alt="">
						<span>新人福利</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/index/item4.png" alt="">
						<span>时尚动态</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="hot section">
			<div class="title">精品热卖</div>
			<div class="subtitle">SALE</div>
			<div class="goods">
				<ul>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">英式经典三防女式长风衣</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">英式经典三防女式长风衣</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">英式经典三防女式长风衣</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">英式经典三防女式长风衣</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">英式经典三防女式长风衣</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">英式经典三防女式长风衣</div>
							<span>￥599</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="selection section">
			<div class="title">精选优品</div>
			<div class="subtitle">SELECTION</div>
			<div class="block">
				<ul>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">
								<span>本家HOME</span>
								<span class="price">29.9元起</span>
							</div>
							<span class="info">每满100立减20元</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">
								<span>本家HOME</span>
								<span class="price">29.9元起</span>
							</div>
							<span class="info">每满100立减20元</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">
								<span>本家HOME</span>
								<span class="price">29.9元起</span>
							</div>
							<span class="info">每满100立减20元</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="recommend section">
			<div class="title">好物推荐</div>
			<div class="subtitle">RECOMMEND</div>
			<div class="goods">
				<ul>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./img/shoppingCar/pic4.jpg" alt="">
							<div class="name">狐步小吊灯</div>
							<div class="info">曼妙裙摆 任意空间的光线舞者</div>
							<span>￥599</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="backTop"><img src="./img/shippingAddress/back.png" alt=""></div>
		<div class="tabbar">
			<ul>
				<li>
					<div class="icon"><img src="./img/tabbar/tabbar1-active.png" alt=""></div>
					<div class="title">首页</div>
				</li>
				<li onclick="location.assign('./optimization.html')">
					<div class="icon"><img src="./img/tabbar/tabbar2.png" alt=""></div>
					<div class="title">优选</div>
				</li>
				<li onclick="location.assign('./classify.html')">
					<div class="icon"><img src="./img/tabbar/tabbar3.png" alt=""></div>
					<div class="title">分类</div>
				</li>
				<li onclick="location.assign('./shoppingCar.html')">
					<div class="icon"><img src="./img/tabbar/tabbar4.png" alt=""></div>
					<div class="title">购物车</div>
				</li>
				<li onclick="location.assign('./userCenter.html')">
					<div class="icon"><img src="./img/tabbar/tabbar5.png" alt=""></div>
					<div class="title">我的</div>
				</li>
			</ul>
		</div>
	</body>
</html>
